<link rel="stylesheet" href="/statics/css/index.css">
<div class="blog-list">
    <h2 class="public-title">最新文章</h2>
     <div id="content_list">
         <?php foreach ($data['rows'] as $key=>$item):?>
             <div class="item item-blog">
                 <aside>
                     <a href="<?=$item['link']?>" target="_blank" class="post-thumb">
                         <span class="classify classify_<?=$item['cate_name']?>"><?=$item['cate_name']?></span>
                         <img class="img-responsive lazy"  data-original="<?=$item['cover_image']!=''?$item['cover_image']:'/statics/images/245X138.jpg'?>"  alt="image">
                     </a>
                 </aside>
                 <div class="media-body">
                     <h3 class="title mb-1"><a href="<?=$item['link']?>" target="_blank"><?=$item['title']?></a></h3>
                     <div class="see clearfix">
                         <div class="left mg-tag">
                             <?php if ($item['tags']!=''):?>
                                 <i class="fa fa-tags"></i>
                                 <?php foreach ($item['tags'] as $keys=>$els):?>
                                     <a href="<?=$els['tag_url']?>" target="_blank"><?=$els["text"]?></a>
                                 <?php endforeach;?>
                             <?php endif;?>
                             <span><i class="fa fa-calendar"></i><?=$item['release_at']?></span>
                         </div>
                         <div class="right">

                            <!-- <span class="comment"><i class="fa fa-eye"></i><a href="javascript:;"><?/*=$item['view_total']*/?></a></span>-->
                         </div>
                     </div>
                     <div class="intro"><?=$item['summary']?></div>
                 </div><!--//media-body-->
             </div>
         <?php endforeach;?>
     </div>
    <?php if ($data['total']>20):?>
        <p class="loadMore">  <a href="javascript:;">查看更多</a></p>
    <?php endif;?>
</div>

<div id="html-engine" style="display: none">
    <div class="item item-blog">
        <aside>
            <a href="#{link}" target="_blank" class="post-thumb">
                <span class="classify classify_#{cate_name}">#{cate_name}</span>
                #{imgs}
            </a>
        </aside>
        <div class="media-body">
            <h3 class="title mb-1"><a href="#{link}" target="_blank">#{title}</a></h3>
            <div class="see clearfix">
                <div class="left mg-tag">
                    #{tags}
                    <span><i class="fa fa-calendar"></i> #{release_at}</span>
                </div>
                <div class="right">
                    <!--<span class="comment"><a href="#">8 comments</a></span>-->
                </div>
            </div>
            <div class="intro">#{summary}</div>
        </div><!--//media-body-->
    </div>
</div>
<script>
    var total = '<?=$data['total']?>';
    var pageSize ='<?=$pageSize?>';
</script>
<?=$this->registerJs("
requirejs(['/statics/js/public/control.js?'+(new Date()).getTime()], function () {
        require(['index']);;
    });
",\yii\web\View::POS_END)?>